28 articles
Articles
shared
Unlock Your Design Potential as a Programmer with These 4 Strategies
5 hours ago · As a programmer venturing into the world of design, there are several strategies you can use to improve your design skills and create impactful user interfaces.
Read More
shared
Fix For - Error: Hydration Failed Because The Initial UI Does Not Match What Was Rendered on The Server
November 3, 2023 · When upgrading to Next.js version 13, I encountered a hydration error. This is what a hydration error is and how to fix them.
Read More
shared
useContext() Hook in Next.js - React Hooks
October 8, 2023 · Learn what useContext is and how to use it in Next.js to manage global state with React Hooks.
Read More
shared
Ben's Leet Code Solutions
January 7, 2022 · Ben's Leetcode solutions. This is a living document. Check back daily for new solutions to top leet code questions in various languages.
Read More
shared
Next.js Progressive Web App
January 3, 2022 · Turn your Next.js website into a Progressive Web App allowing offline support, push notifications and other great features using the next-pwa package.
Read More
shared
Top 5 coffeeclass.io Articles of 2021
December 31, 2021 · Take a look at the top 5 coffeeclass.io articles of 2021 and see what others are interested in.
Read More
shared
useState() Hook in Next JS - React Hooks
December 30, 2021 · Learn what useState is and learn how to use useState in Next JS by coding some examples.
Read More
shared
Create A Grade Converter C Program
December 20, 2021 · Learn C programming by creating a simple grade converter program using if/else, scanf, and local variables.
Read More
shared
Add Algolia's InstantSearch to Next.js - A Quickstart
December 17, 2021 · Seamlessly integrate Algolia's InstantSearch into your Next.js application and watch the searches roll in!
Read More
shared
Next/Image Doesn't Fill Parent Div!
November 1, 2021 · If next/image does not fill the parent div, you need to use position relative.
Read More
shared
Chakra UI Menu Dropdown on Hover
October 27, 2021 · How to use Chakra UI's useDisclosure hook to create a dropdown menu on hover.
Read More
shared
Generate A Dynamic Sitemap In Next.js Website
September 27, 2021 · Learn how to create a dynamic sitemap for a react and Next.js website using fs, globby, and prettier.
Read More
shared
Build A Todo Web App Using Next.js, Firebase, Chakra UI + React Hooks
September 26, 2021 · Create a todo web app using Next.js, Firebase, Chakra UI, and React hooks (useState and useEffect). This is a full stack app with the following features: write to cloud firestore, read data using snapshot + useEffect, delete a todo, sign in with different accounts and protect data.
Read More
shared
Advanced Chakra UI
August 29, 2021 · Learn 5 Chakra UI advanced tricks and tips to bring you from a beginner React developer to advanced.
Read More
shared
Pure CSS Float On Hover Effect
August 23, 2021 · Add a float up hover transition animation to a div using css.
Read More
shared
useEffect() Hook in Next.JS - React Hooks
August 9, 2021 · Learn what useEffect is learn how to use useEffect in Next.JS.
Read More
shared
Create and Run React Native Mobile App Using Expo in Under 5 Minutes!
August 9, 2021 · Create a cross platform ios and Android app using React Native and run it using Expo.
Read More
shared
Chakra-UI Mobile Navbar (Drawer Component)
August 2, 2021 · Use Chakra UI's drawer component to create a simple mobile navigation bar.
Read More
shared
Add Splitbee Analytics To Next.js
July 20, 2021 · Add Splitbee Analytics to a Next.js Jamstack website for free. Track analytics, users, funnels, automate tasks, run experiments like a/b testing and more with Splitbee Analytics.
Read More
shared
Create A Flutter Bottom Navigation Bar
July 16, 2021 · Create a flutter bottom navigation bar using the BottomNavigationBar Flutter widget that works with more than 3 items!
Read More
shared
Next.js Crash Course
July 10, 2021 · Build a developer blog/portfolio using Next.js, Chakra UI, next-mdx-remote, next-seo and deploy it to Vercel in this Next.js crash course.
Read More
shared
Next.js + MDX Pages Quickstart
May 10, 2021 · If you are building a developer personal website using next.js, you can use mdx pages for your blog or other static pages to increase speed and seo.
Read More
shared
How To Use Firebase As Flutter's Backend
May 3, 2021 · Learn how to connect Google's Firebase database to your Flutter mobile app easily.
Read More
shared
Add Comments To React/Next.js Website
May 1, 2021 · How to add comments to a Next.js/React website? In this tutorial, we'll use utteranc - a comment solution which uses GitHub issues to store comments.
Read More
shared
Add Google Analytics To Next.js Website
April 29, 2021 · Connect Google analytics to your Next.js website and track clicks, scrolls, page views, and more.
Read More
shared
How To Use The map() Function In Dart
April 28, 2021 · Dart and Flutter doesn't return data when I use .map() function on array list.
Read More
shared
Chakra-UI Responsive Navigation Bar
April 25, 2021 · Create a responsive navigation bar using Chakra-UI. Mobile responsive, add animation using framer motion.
Read More
shared
Connect Firebase To Next.js
April 15, 2021 · Learn how to connect Next.js to Google's Firebase and use authentication, cloud Firestore, Realtime Database, and cloud storage.
Read More